<div class="alert alert-info" role="alert">
    <p>客人：{$oiModel['peoples']}</p>
    <p>抵离时间：{$oiModel['check_in_time_text']} -- {$oiModel['check_out_time_text']} (住{$oiModel['days']}天)</p>
    <p>需交押金：&yen;{$oiModel['deposit']}</p>
    <p>预计房费：&yen;{$oiModel['total_price']}</p>
    <p>已收款：&yen;{$oiModel['pay_total_price']}</p>
</div>
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist" id="tab" style="margin-bottom:10px;">
    <li role="presentation" class="active"><a href="#pay" aria-controls="pay" role="tab" data-toggle="tab">收款</a></li>
    <li role="presentation"><a href="#paied" aria-controls="paied" role="tab" data-toggle="tab">已收款</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="pay">
        <form id="pay-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
            <input type="hidden" name="row[order_id]" id="c-order_id" value="{$oiModel['id']}">
            <input type="hidden" name="row[order_no]" id="c-order_no" value="{$oiModel['order_no']}">
            <input type="hidden" name="row[room_info_id]" id="c-room_info_id" value="{$oiModel['room_info_id']}">
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">{:__('收款类型')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <select id="c-pay_type" name="row[pay_type]" class="form-control">
                        <option value="">请选择</option>
                        <option value="收房费">收房费</option>
                        <option value="收押金">收押金</option>
                        <option value="退押金">退押金</option>
                        {volist name="pay_typeList" id="item"}
                        <option value="{$item['name']}">{$item['name']}</option>
                        {/volist}
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">{:__('金额')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <input id="c-money" class="form-control" name="row[money]" type="number">
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">{:__('附件')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <div class="input-group">
                        <input id="c-addons" class="form-control" size="50" name="row[addons]" type="text" readonly="readonly">
                        <div class="input-group-addon no-border no-padding">
                            <span><button type="button" id="plupload-addons" class="btn btn-danger plupload" data-input-id="c-addons" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="true" data-preview-id="p-addons"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                        </div>
                        <span class="msg-box n-right" for="c-addons"></span>
                    </div>
                    <ul class="row list-inline plupload-preview" id="p-addons"></ul>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">{:__('备注')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <textarea id="c-remarks" class="form-control" name="row[remarks]"></textarea>
                </div>
            </div>
            <div class="form-group layer-footer">
                <label class="control-label col-xs-12 col-sm-2"></label>
                <div class="col-xs-12 col-sm-8">
                    <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
                    <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
                </div>
            </div>
        </form>
    </div>
    <div role="tabpanel" class="tab-pane" id="paied">
        <table id="paied_table" class="table table-striped table-bordered table-hover table-nowrap" width="100%">
    </div>
</div>
<!-- Modal -->
<div class="modal fade" id="cancelModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">作废付款记录</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">理由:</label>
                        <div class="col-xs-12 col-sm-8">
                            <textarea id="c-cancelRemarks" class="form-control" rows="5"></textarea>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="submit" class="btn btn-primary" id="js_submitCancel">确认提交</button>
            </div>
        </div>
    </div>
</div>